﻿<!DOCTYPE html>
<html>
  <head>
    <title>2.3屏幕颜色反映天气</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/2_3屏幕颜色反映天气/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/2_3屏幕颜色反映天气/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Rectangle (Rectangle) -->
      <div id="u490" class="ax_default _形状" data-label="Rectangle">
        <div id="u490_div" class=""></div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u491" class="ax_default" data-left="36" data-top="685" data-width="375" data-height="69">

        <!-- Rectangle (Rectangle) -->
        <div id="u492" class="ax_default _形状" data-label="Rectangle">
          <div id="u492_div" class=""></div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u493" class="ax_default _形状" data-label="Rectangle">
          <img id="u493_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
          <div id="u493_text" class="text ">
            <p><span>设置</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u494" class="ax_default" data-left="35" data-top="87" data-width="376" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u495" class="ax_default _形状">
          <div id="u495_div" class=""></div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u496" class="ax_default" data-left="42" data-top="102" data-width="46" data-height="8">

          <!-- Unnamed (Rectangle) -->
          <div id="u497" class="ax_default _形状">
            <img id="u497_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u498" class="ax_default _形状">
            <img id="u498_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u499" class="ax_default _形状">
            <img id="u499_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u500" class="ax_default _形状">
            <img id="u500_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u501" class="ax_default _形状">
            <img id="u501_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u215.png"/>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u502" class="ax_default" data-left="373" data-top="99" data-width="31" data-height="17">

          <!-- Unnamed (Rectangle) -->
          <div id="u503" class="ax_default _形状">
            <div id="u503_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u504" class="ax_default _形状">
            <div id="u504_div" class=""></div>
          </div>

          <!-- Unnamed (Rectangle) -->
          <div id="u505" class="ax_default _形状">
            <div id="u505_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u506" class="ax_default _文本段落" data-label="Header 2">
        <div id="u506_div" class=""></div>
        <div id="u506_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u507" class="ax_default _文本段落" data-label="Header 2">
        <div id="u507_div" class=""></div>
        <div id="u507_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u508" class="ax_default _文本段落" data-label="Header 2">
        <div id="u508_div" class=""></div>
        <div id="u508_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u509" class="ax_default _形状" data-label="Rectangle">
        <img id="u509_img" class="img " src="images/2_1天气/rectangle_u458.png"/>
        <div id="u509_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u510" class="ax_default _形状" data-label="Rectangle">
        <img id="u510_img" class="img " src="images/1_1闹钟设定（区间闹钟）/rectangle_u211.png"/>
        <div id="u510_text" class="text ">
          <p><span>新闻</span></p>
        </div>
      </div>

      <!-- Unnamed (Placeholder) -->
      <div id="u511" class="ax_default placeholder">
        <img id="u511_img" class="img " src="images/1_2闹钟响起/u325.png"/>
        <div id="u511_text" class="text ">
          <p style="font-size:28px;"><span>早上好！</span></p><p style="font-size:28px;"><span>30度 小雨</span></p><p style="font-size:48px;"><span>上午8:30</span></p><p style="font-size:48px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u512" class="ax_default box_1">
        <div id="u512_div" class=""></div>
        <div id="u512_text" class="text ">
          <p><span>轻点屏幕小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u513" class="ax_default label">
        <div id="u513_div" class=""></div>
        <div id="u513_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u514" class="ax_default icon">
        <img id="u514_img" class="img " src="images/1_1闹钟设定（区间闹钟）/u261.png"/>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u515" class="ax_default _形状" data-label="Rectangle">
        <img id="u515_img" class="img " src="images/2_2响铃提示天气/rectangle_u487.png"/>
        <div id="u515_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u516" class="ax_default _一级标题">
        <div id="u516_div" class=""></div>
        <div id="u516_text" class="text ">
          <p><span>屏幕颜色反映天气</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u517" class="ax_default _二级标题">
        <div id="u517_div" class=""></div>
        <div id="u517_text" class="text ">
          <p><span>屏幕颜色反映天气状况</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u518" class="ax_default box_1">
        <div id="u518_div" class=""></div>
        <div id="u518_text" class="text ">
          <p><span>在闹钟响起的页面背景色会反映天气状况：</span></p><p><span><br></span></p><p><span>晴天——蓝色</span></p><p><span><br></span></p><p><span>阴天——灰色</span></p><p><span><br></span></p><p><span>多云——白色</span></p><p><span><br></span></p><p><span>下雨——绿色</span></p><p><span><br></span></p><p><span>雷雨——黑色</span></p><p><span><br></span></p><p><span>大风——红色</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
